<script setup lang="ts">

</script>

<template>
  <div class="body">
    主体内容
    <HmButton></HmButton>
  </div>
</template>

<!-- scoped 当前组件内标签都被添加 data-v-hash值 的属性   只会针对带有这个属性的标签生效-->
<style scoped>
.body {
  width: 100%;
  background-color: red;
  text-align: center;
  flex: 1;
  font-size: 30px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
</style>
